<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>demo01</title>
  </head>
  <body>
    <div id="app">

    </div>
  </body>

<!--<script>-->
<!--    /*-->
<!--    * 1 .路由文件index.js 定义路由-->
<!--    * 2 .组件App.vue HelloWorld.vue-->
<!--    * 3 .main.js, 定义vue实例，vue配置了路由-->
<!--    * */-->

<!--    //main ,js, 定义vue实例-->
<!--    import Vue from "vue";-->
<!--    import router from "./src/router";-->
<!--    import App from "./src/App";-->
<!--    import Router from 'vue-router'-->
<!--    import HelloWorld from './src/components/HelloWorld'-->

<!--    // 1. let router = new Router({-->
<!--    //   routes: [-->
<!--    //     {-->
<!--    //       path: '/',-->
<!--    //       name: 'HelloWorld',-->
<!--    //       component: HelloWorld-->
<!--    //     }-->
<!--    //   ]-->
<!--    // };-->

<!--   /*-->
<!--    2 . HelloWord-->
<!--    <template>-->
<!--    <div className="Hello">-->
<!--      <h1>{{msg}}</h1>-->
<!--      <h2>Essentiol Links</h2>-->
<!--    </div>-->
<!--    </template>-->
<!--    */-->

<!--    /*-->
<!--    3. HelloWord-->
<!--    <template>-->
<!--    <div id="app">-->
<!--        <router-view/>-->
<!--    </div>-->
<!--     */-->

<!--    /* 4-->
<!--    // new Vue({    //4 .a-->
<!--    //   el: '#app',  //4 .b 挂载点：index.html-->
<!--    //   router,      //4. c 路由:index.js-->
<!--    //   components: {App}, //4. d 定义组件 ：App.vue-->
<!--    //   template: '<App/>' //4. e 加载模板 ，使用4.d定义得组件-->
<!--    // })-->


<!--     */-->
<!--</script>-->
</html>
